<!doctype html>
<html>
<head>
    <title>青阳廿四</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,user-scalable=no"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="keywords" content="青阳廿四/私有云网盘"/>
    <meta name="description" content="世界上最好的私有云网盘"/>
    <meta name="author" content="青阳廿四" />
    <meta name="site" content="https://blog.52itstyle.vip" />
    <link rel="stylesheet" th:href="@{/iview/styles/iview.css}">
    <link rel="icon" type="image/png" href="assets/i/favicon.png">
    <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <link rel="stylesheet" href="assets/css/amazeui.min.css" />
    <link rel="stylesheet" href="assets/css/admin.css">
    <link rel="stylesheet" href="assets/css/app.css">
</head>

<body data-type="index">
    <header class="am-topbar am-topbar-inverse admin-header">
        <div class="am-topbar-brand">
            <a href="javascript:;" class="tpl-logo">
                <img src="assets/img/logo.png" alt="">
            </a>
        </div>
        <div class="am-icon-list tpl-header-nav-hover-ico am-fl am-margin-right"></div>
        <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only" data-am-collapse="{target: '#topbar-collapse'}"><span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span></button>
        <div class="am-collapse am-topbar-collapse" id="topbar-collapse">
            <ul id="app" class="am-nav am-nav-pills am-topbar-nav am-topbar-right admin-header-list tpl-header-list">
                <li class="am-dropdown" data-am-dropdown data-am-dropdown-toggle>
                    <a class="am-dropdown-toggle tpl-header-list-link" href="javascript:;">
                        <span class="tpl-header-list-user-nick">青阳廿四</span><span class="tpl-header-list-user-ico"> <img src="assets/img/user01.png"></span>
                    </a>
                    <ul class="am-dropdown-content" v-cloak >
                        <li><a href="#"><span class="am-icon-bell-o"></span> 资料</a></li>
                        <li><a href="#"><span class="am-icon-cog"></span> 设置</a></li>
                        <li><a href="#" @click="logout"><span class="am-icon-power-off"></span> 退出</a></li>
                    </ul>
                </li>
                <li><a href="#" @click="logout" class="tpl-header-list-link"><span class="am-icon-sign-out tpl-header-list-ico-out-size"></span></a></li>
            </ul>
        </div>
    </header>
    <div class="tpl-page-container tpl-page-header-fixed">
        <div class="tpl-left-nav tpl-left-nav-hover">
            <div class="tpl-left-nav-list">
                <ul class="tpl-left-nav-menu">
                    <li class="tpl-left-nav-item">
                        <a href="index.shtml" class="nav-link active">
                            <i class="am-icon-home"></i>
                            <span>首页</span>
                        </a>
                    </li>
<!--                    <li class="tpl-left-nav-item" >-->
<!--                        <a href="javascript:;" class="nav-link tpl-left-nav-link-list">-->
<!--                            <i class="am-icon-wpforms"></i>-->
<!--                            <span>用户管理</span>-->
<!--                            <i class="am-icon-angle-right tpl-left-nav-more-ico am-fr am-margin-right tpl-left-nav-more-ico-rotate"></i>-->
<!--                        </a>-->
<!--                        <ul class="tpl-left-nav-sub-menu" style="display: block;">-->
<!--                            <li>-->
<!--                                <a href="form-amazeui.html">-->
<!--                                    <i class="am-icon-angle-right"></i>-->
<!--                                    <span>Amaze UI 表单</span>-->
<!--                                    <i class="am-icon-star tpl-left-nav-content-ico am-fr am-margin-right"></i>-->
<!--                                </a>-->
<!--                            </li>-->
<!--                        </ul>-->

<!--                    </li>-->
                </ul>
            </div>
        </div>
        <div class="tpl-content-wrapper">

            <iframe scrolling="yes" frameborder="0"
                    style="width: 100%; min-height: 600px; overflow: visible; background: #fff;"
                    src="disk.shtml"  id="main" name="main">
            </iframe>
        </div>
    </div>
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js/amazeui.min.js"></script>
    <script src="assets/js/iscroll.js"></script>
    <script src="assets/js/app.js"></script>
    <script th:src="@{libs/vue.min.js}"></script>
    <script th:src="@{/iview/iview.min.js}" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            var vm = new Vue({
                el: '#app',

                methods: {
                    logout: function (event) {
                        var self = this;
                        var data = "username="+vm.username+"&password="+vm.password;
                        $.ajax({
                            type: "POST",
                            url: "user/logout",
                            dataType: "json",
                            success: function(result){
                                if(result.code == 0){
                                    self.$Notice.warning({
                                        title: '友情提醒',
                                        desc: '退出成功！'
                                    });
                                    parent.location.href ='/';

                                }else{
                                    self.$Notice.warning({
                                        title: '友情提醒',
                                        desc: '退出登陆失败！'
                                    });
                                }
                            }
                        });
                    },
                },
                created: function(){

                }
            });
        });

    </script>
</body>

</html>